page {
  position: relative;
}
.container {
  border-top: 1rpx solid #dedede;
  overflow: visible;
  position: relative;

  .btn_item {
    position: absolute;
    right: 0;
    top: 0;
    height: 80rpx;
    width: 80rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50rpx;
    z-index: 10;
    .toollist {
      position: absolute;
      right: 20rpx;
      top: 80rpx;
      z-index: 10;
      background-color: #fcfcfc;
      border-radius: 10rpx;

      .tool_wrap {
        width: 250rpx;
        font-size: 34rpx;
        padding: 25rpx 15rpx;
        display: flex;
        justify-content: flex-start;
        align-items: center;

        .iconfont {
          font-size: 36rpx;
          margin: 0 20rpx;
        }
      }

      .tool_wrap:not(:last-child) {
        border-bottom: 1rpx solid rgb(206, 206, 206);
      }
    }

    .toollist::before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      top: -45rpx;
      right: 0;
      transform: translateX(-50%);
      // top: -40rpx;
      // right: 20rpx;
      border: 25rpx solid;
      border-color: transparent transparent #fcfcfc transparent;
    }
  }

  swiper {
    margin-top: 40rpx;
    overflow: visible;
    height: 650rpx;
    position: relative;
    swiper-item {
      overflow: visible;
      .book_item {
        height: 600rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: visible;

        // background-color: #bfa;
        z-index: 5;
        .slide_image {
          border-radius: 10rpx;
          position: relative;
          overflow: visible;

          .bookTag {
            position: absolute;
            overflow: visible;
            width: 150rpx;
            height: 150rpx;
            bottom: 0;
            right: 0;
            // -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg) translate(10%, 60%);
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background-color: var(--themeColor);
            opacity: 0.7;
            z-index: 100;
            color: white;
          }
          .bookTag::before {
            content: "";
            position: absolute;
            overflow: visible;
            width: 130rpx;
            height: 130rpx;
            transform: translate(-5rpx, -5rpx);
            bottom: 0;
            right: 0;
            border-radius: 50%;
            border: 5rpx solid white;
            // background-color: red;
            background-color: var(--themeColor);
            // opacity: 0.2;
            z-index: -1;
          }

          .short_tag {
            font-size: 23rpx;
          }
        }

        .zoom_out {
          transform: scale(0.8);
          transition: all 0.7s ease-out 0s;
        }

        .zoom_in {
          transform: scale(1);
          transition: all 0.7s ease-in 0s;
        }
      }
    }
  }
  .book_intro {
    .book_title {
      text-align: center;
      padding: 10rpx;
      font-size: 42rpx;
      font-weight: 600;
      color: var(--fontColor);
    }
    .book_author {
      text-align: center;
      padding: 20rpx;
      font-size: 34rpx;
      font-weight: 500;
      color: var(--fontColor);
    }
    .book_description {
      padding: 10rpx 30rpx;

      .book_description_text {
        font-size: 32rpx;
        color: var(--arrowColor);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
      }
    }
    .text_center {
      text-align: center;
      text-indent: 0;
    }
  }
}
.cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: black;
  filter: blur(20rpx);
  opacity: 0.5;
}
